<?php ?>
<div style='text-align: center;'>
<h2>Chat Application</h2>
<p>This a simple Chat Application. Simply set your screen name and start chatting...</p>
<div id='content'>
<!-- Headers -->
<div class='left'>Chat Messages</div>
<div class='right'>Online Screen Names</div>
<div class='clear'></div>

		<!-- Chat and User List Panels -->
		<div id='chatpane' class='left'></div>
				<div id='userlist' class='right'></div>
				<div class='clear'></div>

				<div id='control'>
				<p>Your current username is:  <?php echo $this->username ?></p>
						Chat: <input type='text' value='' id='textmessage' size='50' maxlength='255' />
								<input type='button' value='Say it!' onclick='sendMessage()' />
								<span id='loading' style='display:none;'>Loading...</span>
								<br />
										<br />
												Change Screen Name: <input type='text' value='' id='changename' size='15' maxlength='32' />
												<input type='button' value='Change!' onclick='changeName()' />
												</div>
    </div>
</div>